<template>
	<view class="container">
		<view class="">
			<text>{{ qqqq }}</text>
		</view>
		<!-- 店铺页面组件 -->
		<Page :items="items" />
	</view>
</template>

<script>
	import {
		setCartTabBadge
	} from '@/core/app'
	import * as Api from '@/api/page'
	import Page from '@/components/page'

	const App = getApp()

	export default {
		components: {
			Page
		},
		data() {
			return {
				// 页面参数
				options: {},
				// 页面属性
				page: {},
				// 页面元素
				items: [],
				qqqq: "",
			}
		},

		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(query, options) {
			// 当前页面参数
			this.options = options
			const qqqq = decodeURIComponent(query.q) // 获取到二维码原始链接内容
			if (qqqq != null) {
				this.qqqq = qqqq.split("pageid=")[1];
			}
			// app.$success(q)
			// 加载页面数据
			this.getPageData();
		},

		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow() {
			// 更新购物车角标
			setCartTabBadge()
		},

		methods: {

			/**
			 * 加载页面数据
			 * @param {Object} callback
			 */
			getPageData(callback) {
				const _this = this
				const pageType = 10
				Api.getTypeDetail(pageType)
					.then(res => {
						// 设置页面数据
						// const { result: { pageDataObj } } = res

						// const { data: { pageData } } = result
						var pageData = res.result.pageDataObj;

						_this.page = pageData.page
						_this.items = pageData.items
						// 设置顶部导航栏栏
						_this.setPageBar();
					})
					.finally(() => callback && callback())
			},

			/**
			 * 设置顶部导航栏
			 */
			setPageBar() {
				const {
					page
				} = this
				// 设置页面标题
				uni.setNavigationBarTitle({
					title: page.paramsData.title
				});
				// 设置navbar标题、颜色
				uni.setNavigationBarColor({
					frontColor: page.style.titleTextColor === 'white' ? '#ffffff' : '#000000',
					backgroundColor: page.style.titleBackgroundColor
				})
			},

		},

		/**
		 * 下拉刷新
		 */
		onPullDownRefresh() {
			// 获取首页数据
			this.getPageData(() => {
				uni.stopPullDownRefresh()
			})
		},

		/**
		 * 分享当前页面
		 */
		onShareAppMessage() {
			const _this = this
			const {
				page
			} = _this
			return {
				title: page.params.share_title,
				path: "/pages/index/index?" + _this.$getShareUrlParams()
			}
		},

		/**
		 * 分享到朋友圈
		 * 本接口为 Beta 版本，暂只在 Android 平台支持，详见分享到朋友圈 (Beta)
		 * https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
		 */
		onShareTimeline() {
			const _this = this
			const {
				page
			} = _this
			return {
				title: page.params.share_title,
				path: "/pages/index/index?" + _this.$getShareUrlParams()
			}
		}

	}
</script>

<style lang="scss" scoped>
	.container {
		// background: #fff;
	}
</style>